<template>
	<view class="wp" v-if="list.length>0">
		<view class="title">
			<image src="/static/huo.png" mode=""></image>
			<text>人气热卖</text>
		</view>
		<image v-for="item in list" :key="item.id" class="hot_list" :src="item.thumb" mode="widthFix"
			@click="$navTo(item.link)"></image>
	</view>
</template>

<script>
	export default {
		name: 'hot_selling',
		props: {
			list: {
				type: Array,
				default: () => []
			}
		}
	}
</script>

<style lang="scss">
	.wp {
		background: #fff;
		border-radius: 20upx;
		overflow: hidden;
		padding: 20upx;

		.title {
			padding: 20upx 0;
			font-size: 30upx;
			letter-spacing: 1px;

			image {
				height: 42upx;
				width: 34upx;
				vertical-align: middle;
				margin-right: 15upx;
			}
		}

		.hot_list {
			display: inline-block;
			width: calc(100% /3);
			height: 247upx;
		}
	}
</style>